<template>
    <div class="rec">
        <div class="rec_t">
<h5>育爱通乳美容工作室</h5>
        </div>
        <div class="rec_m">
        <ul>
            <li class="star"><span>★</span></li>
            <li class="star"><span>★</span></li>
             <li class="star"><span>★</span></li>
              <li class="star"><span>★</span></li>
               <li class="star"><span>★</span></li>
 <li class="star"><span>5.0</span></li>
        </ul>
           <p>398.3m净居寺</p>
        </div>
    </div>
</template>
<script>
export default {
    name:"HairMida.vue"
}
</script>
<style scoped>
.rec{
    
    width: 100%;

}

.rec h5{
  float: left;
font-size: 15px;
    
}
.rec_m{ 
    overflow: hidden;
    width: 100%;
}
.rec_m ul{
    /* padding-top: .5rem; */
  float: left;
 

}
.rec_m li{
    display: inline-block;
   
}
.rec_m span{
    color: orange;
    font-size: 25px;
}
.rec_m p{
   margin-top: 0.2rem;
  float: right;
   
}
</style>